﻿/*公用header*/
.tel-icon{display:none}
.contact-tel{display:none;}
.site-header, .site-header *{box-sizing:border-box;}
.site-header { 
  height: 76px; position: relative; z-index: 20; 
  border-bottom:1px solid rgba(0,0,0,.1);
  background-color:#fff;
  font-family:"Microsoft Yahei","Hiragino Sans GB",SimSun,Arial,"Helvetica Neue",Helvetica;
}
.site-header .vam{display:inline-block;vertical-align:middle;}
.site-header a { transition: all .2s ease-in-out; }
.site-header .logo { margin: 0; position: absolute; left:0; top: 9px; }
.site-header .container { position: relative;width:1200px;padding:0;}
.site-header .nav-link { color: #7e7e7e; font-size: 14px; line-height: 76px; }
.site-header .site-util-separator { color: #d2d2d2;float:none;display: inline-block;vertical-align: top; }
.site-header .site-util-cell{float:none;position:absolute;left:300px;bottom:18px;}
.site-header .site-util-member-box{line-height:76px;}
.site-header .site-util-member-box a{color:#333;height:37px;display:inline-block;text-align:center;line-height:37px;}
.site-header .site-util-member-box .site-util-login-box a:first-child{background:url(../images/common/pes_in.png) no-repeat 10px center #f4f4f4;width:102px;padding-left:13px;border-radius:4px 0 0 4px;}
.site-header .site-util-member-box .site-util-login-box a:last-child{background:url(../images/common/com_in.png) no-repeat left center #f4f4f4;width:84px;padding-left:10px;border-radius:0 4px 4px 0;}
.site-header .site-util-member-box a:hover{color:#1265A7;}

  .site-header .rh_right {
    display: flex;
    align-items: center;
    margin-left: 115px;
  }
  .site-header .rh_loginbox {
    display: none;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: 3px;
    color: #353535;
  }
.site-header .rh_loginbox.on{display:inline-block;}
.site-header .rh_loginbox>a{-webkit-transition:color ease-in-out .2s;transition:color ease-in-out .2s;color:#34495E}

/*菜单*/
.nav-hd { max-width: 850px; height: 76px; float: left; margin-left: 254px; }
.nav-hd > li { float: left; position: relative; }
.nav-hd > li > a { display: block; width: auto; padding: 16px 20px 20px; font-size: 16px; line-height: 36px; text-align: center; border-top: 4px solid transparent;color:#333; }
.nav-hd > li > a:hover{color:#333;}
  .nav-hd > li > a:after {
    height: 28px;
    background-color: #8659F1;
    content: '';
    position: absolute;
    width: 0px;
    border-radius: 25%;
    top: 46px;
    left: 50%;
    border-radius: 60px;
    transform: translateY(15px) scale(0.1);
    transition: 0.5s;
  }
.nav-hd > li > a:hover::after,
.nav-hd > li.on > a:after{width:636px;left:-267px;}
.nav-hd > li > a.cn_i2:hover::after,
.nav-hd > li > a.cn_i2.active:after{width:312px;left:-121px;}
.nav-hd > li.current > a {}
.nav-hd > li.on > a { }
.nav-hd .icon-down { margin-left: 3px; font-size: 12px; color: #b6c1c9; }
.nav-hd .icon-n { position: absolute; top: 18px; right: 15px; width: 10px; height: 10px; background-color: #e74c3c; font-size: 16px; color: #fff; line-height: 10px; text-indent: -3px; border-radius: 3px; }
.nav-hd > li > .new-add-tip {
  display: block;
  width: 34px;
  height: 16px;
  background-color: #ff2424;
  border-radius: 3px;
  font-size: 13px;
  color: #fff;
  line-height: 13px;
  text-align: center;
  position: absolute;
  right: 3px;
  top: 10px;
  vertical-align: sub;
  font-style: normal;
}
.subnav-hd {
  border-radius: 4px;
  display: none;
  z-index: 90;
  position: absolute;
  top: 76px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  box-shadow: 0px 2px 9px 0px rgba(132,132,132,0.5);
  background: #fff;
  white-space: nowrap;
}
.subnav-hd.subnav-hd-right { right: inherit; left: 0;transform:translateX(0) }
.subnav-ct-hd { float: left; min-width: 104px; transition: all .2s; }
.subnav-ct-hd > li { }
.subnav-ct-hd > li > a { font-weight: 400; display: block; height: 40px; padding: 0 15px; font-size: 14px; color: #333; line-height: 40px; background-color: #fff; white-space: nowrap; text-align: center;position:relative; }
.subnav-ct-hd > li.on > a,
.subnav-ct-hd > li > a:hover { font-size: 14px; color: #8659F1; font-weight: 400; background-color: #f5f5f5; }
.site-header .rh_loginbox .hr-link{
  font-size:16px;
  /*color:white;*/
}
.site-header .rh_loginbox .hr-link:hover{
  /*color:#f5f5f5;*/
}
.site-header .rh_loginbox .user-link{
  /*color:white;*/
  margin:0 0 0 11px;
  padding:4px 13px;
  border-radius:13px;
  border:1px solid #fff;
  background:none;
  transition:all .25s ease-in-out;
  font-size:13px;
  font-weight:normal!important;
  line-height:18px;
}
.site-header .rh_loginbox .user-link:hover{
  text-decoration:none;
  background-color:#f5f5f5;
  /*color:#3498db !important;*/
}
.site-header.site-header-2019 .rh_loginbox .user-link:hover{
  background:none;
  /*color: #f5f5f5!important;*/
}


.onlogin_box{}
.onlogin_box .un_box{display:inline-block;position:relative;}
.onlogin_box .un_box .un_link{display:block;padding:0;font-size:16px;}
.onlogin_box .un_box .un_link>.rh_username{vertical-align:middle;}
.onlogin_box .un_box .un_link>i{display:inline-block!important;
                                /*vertical-align:middle;*/
                                margin-left:6px;
                                border-right: 5px solid transparent;
                                border-top: 5px solid rgba(0, 0, 0, .3);
                                border-left: 5px solid transparent;
                                content: '';}
.onlogin_box .un_box .un_list{position:absolute;top:-430px;right:0;background:#fff;
                              width:0;padding:0;display:none;
                              /*transition:top ease-in-out .3s;*/
                              border-radius: 4px!important;z-index: 1000;padding-top: 10px;
                              box-shadow: 5px 5px rgba(102,102,102,.1);
                              list-style: none;text-shadow: none;
                              padding: 0;background-color: #fff;
                              margin: 10px 0 0;border: 1px solid #eee;
                              font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.onlogin_box .un_box .un_list.on{top:40px;width:113px;display:block;}
.onlogin_box .un_box .un_list>li{display:block;}
.onlogin_box .un_box .un_list>li>a{display:block;padding:14px 8px;color:#353535;
                                   transition:background-color ease-in-out .2s;
                                   padding:8px 16px 8px 26px;color: #6e6e6e;text-decoration: none;
                                   display: block;font-weight: 300;line-height: 18px;
                                   white-space: nowrap;text-align:left;font-size:16px;}
.onlogin_box .un_box .un_list>li>a:hover{background:#efefef;}
/*.onlogin_box .un_box:hover .un_list{right:0;width:123px;border:1px solid #dfdfdf;}*/
.onlogin_box .un_box .un_list:before{position:absolute;top:-8px;right:19px;left:auto;
                                           display:inline-block!important;
                                           border-right:8px solid transparent;
                                           border-bottom:8px solid #e0e0e0;
                                           border-left:8px solid transparent;
                                           content:'';}

/* 第二版 右侧咨询部分 start */
.onlogin-wrap{
  width:70px;
  height:296px;
  position: fixed!important;
  right: 0;
  top: 50%;
  z-index: 99999;
  _position:absolute;
  _top:expression(eval(document.documentElement.scrollTop+200));
  transform:translateY(-50%);
}
.onlogin-wrap ul{height:165px; position: relative;}
.onlogin-wrap ul li{
  width:70px;
  height:70px;
  position: absolute;
  top:0;
  right:0;
  background:rgba(0, 0, 0, .4);
  transition:all .4s ease-in-out;
  border-radius: 8px;
}
.onlogin-wrap ul li::before{
  content: "";
  /* background-color: rgba(59,135,255, 1); */
  background: #8659F1 !important;
  border-radius: 8px;
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 0;
  transition: all .8s ease;
  z-index:2;
}
.onlogin-wrap ul li:hover::before{
  width:100%;
}
.onlogin-wrap ul li *{
  transition:all .48s linear;
}
.onlogin-wrap ul li.first{}
.onlogin-wrap ul li.second{top:76px;}
.onlogin-wrap ul li.third{top:152px;}
.onlogin-wrap ul li.last{top:228px;}
.onlogin-wrap ul li:hover{
  width:166px;
  border-color:rgba(221,221,221,1);
  border-radius: 8px;
  /*background:#3B87FF;*/
}
.onlogin-wrap ul li .ow-wximg{
  position:absolute;
  left:-150px;
  bottom:0;
  -ms-transform: translateX(66px);
  -webkit-transform: translateX(66px);
  transform: translateX(66px);
  -webkit-transition: opacity 1s,-webkit-transform 1s;
  transition: opacity 1s,-webkit-transform 1s;
  transition: transform 1s,opacity 1s;
  transition: transform 1s,opacity 1s,-webkit-transform 1s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  opacity: 0;
  padding:0;
  width:0;
  height:0;
  overflow:hidden;
}
.onlogin-wrap ul li:hover .ow-wximg{
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  width:150px;
  height:150px;
}
.onlogin-wrap ul li .ow-item{
  display: inline-block;
  overflow: hidden;
  width: 97%;
  white-space: nowrap;
}
.onlogin-wrap ul li .ow-item-in{
  display: none;
  width: 0%;
  line-height: 70px;
  overflow: hidden;
  white-space: nowrap;
}
.onlogin-wrap ul li:hover .ow-item{
  display:none;
}
.onlogin-wrap ul li:hover .ow-item-in{
  display:block;
  width:100%;
}
.onlogin-wrap ul li .ow-item .ow-stxt{
  display:block;
  font-size:12px;
  vertical-align:middle;
}
.onlogin-wrap ul li .ow-item-in .ow-btxt{
  display:inline-block;
  vertical-align:middle;
  font-size:14px;
}
.onlogin-wrap ul li a{
  display: block;
  color:white;
  text-align:center;
  height:70px;
  position:relative;
  z-index:3;
}
.onlogin-wrap ul li .ow-img{
  margin:14px 0 8px 0;
  width:20px;
  height:20px;
  vertical-align:middle;
}
.onlogin-wrap ul li:hover .ow-img{
  margin:0;
}
.onlogin-wrap ul li .ow-txt{
  display:block;
  font-size:12px;
  vertical-align:middle;
}
.onlogin-wrap ul li:hover .ow-txt{
  margin-left:8px;
  display:inline-block;
  font-size:14px;
}
/* 第二版 右侧咨询部分 end */

.r_wx_p {
  line-height: 30px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.r_wx_p a{
  color: #333;
}
.rh_loginbox a,
.r_wx_p a {
 font-size:16px;
}
.rh_loginbox:hover a,
.r_wx_p:hover a {
  color: #8659F1;
}
.rh_loginbox_line {
  border-right: 1px solid #ddd;
  width: 1px;
  height: 14px;
  background: #ddd;
  margin-right: -6px;
  margin-left: 14px;
  display: inline-block;
  position: relative;
  top: 2px;
  display:none;
}
.r_wx_p .r_wx_link i {
  background-image: url('http://static2.risfond.com/portal/website/static2/images/index2025/wx.png');
  background-size: cover;
}
.r_wx_p .r_wx_link {
  position: relative;
  top: 2px;
}

.r_wx_p .pop-content .img-wx {
  float: left;
  background: #fff;
  text-align: center;
  color: #555;
}
.r_wx_p .pop-content {
  width: 560px;
  display: none;
  filter: alpha(opacity = 0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
  overflow: hidden;
  top: 30px;
  right: -70px;
  position: absolute;
  z-index: 110;
}
@media only screen and (max-width: 1820px) {
  .r_wx_p .pop-content {
    left:-430px;
  }
}
.site-header > .container,
.site_header .container,
.navbar-header .rh_right {
  display: flex;
  align-items: center;
}
.site_header .container {
  justify-content: space-between;
}
.navbar-header {
  display: flex;
  align-items: baseline;
  position: relative;
  top: -3px;
}
.site-header .rh_loginbox_line,
.site-header .r_wx_p {
  display: none;
}
.site-header .unlogin_box.on {
  display: inline-block;
}
.onlogin_box{
  position:absolute;
  right:0;
}